<template>
<div>
  <van-nav-bar
      title="用户签到"
      left-text="返回"
      left-arrow
      @click-left="back"
  />
  <div>
    <van-button type="success">点击签到</van-button>
  </div>
  <div>
    <van-steps :active="active">
      <van-step>第一天</van-step>
      <van-step>第二天</van-step>
      <van-step>第三天</van-step>
      <van-step>第四天</van-step>
      <van-step>第五天</van-step>
      <van-step>第六天</van-step>
      <van-step>第七天</van-step>
    </van-steps>
  </div>
  <div>
    <van-calendar
        title="日历"
        :poppable="false"
        :show-confirm="false"
        :style="{ height: '500px' }"
    />
  </div>
</div>
</template>

<script>
export default {
  name: "UserSign",
  data(){
    return{
      active:0
    }
  },methods:{
    back(){
      history.back();
    }
  }
}
</script>

<style scoped>

</style>